<template>
  <div class="audition104">
    <p>1. 通用选择器 * {}</p>
    <p>2. 标签选择器 p {}</p>
    <p>3. 类选择器 .box {}</p>
    <p>4. id选择器 #box {}</p>
    <p>5. 伪类选择器 p:hover {}</p>
    <p>6. 群组选择器 h1, h2, h3 {}</p>
    <p>7. 后代选择器 ul li {}</p>
    <p>8. 子代选择器 ul > li {}</p>
    <p>9. 相邻兄弟选择器 div+p {}</p>
    <p>10. 普通兄弟选择器 div~p {}</p>
    <p>11. 属性选择器 [title="hello"] {}</p>
    <p>12. 推荐阅读：<a href="https://www.lanmper.cn/css/c2.html" target="_blank">css3选择器大全</a></p>
  </div>
</template>

<script>
export default {
  name: 'Audition104'
}
</script>

<style>

</style>